$(function() {

    getUser();

    // 用户获取
    function getUser() {
        $.ajax(baseUrl + '/users', {
            success: res => {
                // console.log('----', res);
                const newHtml = template('users', { userList: res, baseUrl: baseUrl });
                $('tbody').html(newHtml);
            },
            async: false,
            error: err => {
                console.log('错误：', err);
            }
        });
    }

    // 用户创建
    $('.add').on('click', () => {
        let par = {
            nickName: $('.name').val(),
            email: $('.email').val(),
            password: $('.pwd').val(),
            role: 'admin',
            avatar: '',
            status: 1
        }
        $.ajax(baseUrl + '/users', {
            type: 'post',
            data: par,
            success: res => {
                // console.log('请求成功', res);
                getUser();
            },
            async: false,
            error: err => {
                console.log('错误：', err);
            }
        });
    })

    // 用户编辑------未完成
    $('tbody').on('click', '.edit', function() {
        console.log('------11');
    })


    // 用户删除
    $('tbody').on('click', '.dele', function() {
        // console.log($(this).attr('key'));
        $.ajax(baseUrl + '/users/' + $(this).attr('key'), {
            type: 'delete',
            success: res => {
                // console.log('请求成功', res);
                getUser();
                alert('已删除');

            },
            async: false,
            error: err => {
                console.log('错误：', err);
            }
        });
    })


    // console.log('-----------', $('.status').eq(0));
    // console.log(document.querySelector('.status'));


    // $('.status input').on('click', () => {
    //     console.log('this', this);
    //     // dx(this);
    // });
    // // 排他
    // function dx(this) {
    //     this.siblings().prop("checked", false);
    //     // let a = document.querySelector('.status input:first-child').checked;
    //     // console.log('选中的元素', a, b);
    // }

});